<template>
  <div>
    <h1 style="text-align: center">基本信息</h1>
    <el-card>
      <el-row>
        <template v-for="(value, key) in formFields1">
          <el-col :span="12">
            <el-form-item :label="value">
              {{ info1[key] }}
            </el-form-item>
          </el-col>
        </template>
      </el-row>
    </el-card>
    <!-- <h1 style="text-align: center">证件信息</h1>
    <el-card>
      <el-row>
        <template v-for="(value, key) in formFields2">
          <el-col :span="12">
            <el-form-item :label="value">
              {{ info2[key] }}
            </el-form-item>
          </el-col>
        </template>
      </el-row>
    </el-card> -->
  </div>
</template>
<script setup>
import { getJyz } from "@/api/yqhs/jyz";

const props = defineProps({
  id: {
    type: String,
    default: "",
  },
});
const { id } = toRefs(props);
const info1 = ref({});
// let formFields1 = {
//   name: "加油站名称",
//   jiancheng: "加油站简称",
//   quxian: "所属区县",
//   dizhi: "地址",
//   yingyongzhuangtai: "营业状态",
//   jingweidu: "经纬度坐标",
//   zhuzhang: "负责人",
//   lianxidianhua: "联系方式",
//   huojiangshouhu: "油气回收负责人",
//   huojiangshouhu_lianxidianhua: "油气回收负责人联系方式",
//   huojiangshouhu_youxiang: "油气回收负责人邮箱",
//   lwjd: "联网进度",
//   sndqyxsl: "上年度汽油销售量",
//   sndqysl: "上年度柴油销售量",
// };
let formFields1 = {
  jyzbm: "加油站编码",
  jyzmc: "加油站名称",
  qymc: "所属区域",
  dizhi: "地址",
  fzr: "负责人",
  rekark: "备注",
};
const info2 = ref({});
let formFields2 = {
  hpph: "环评批复",
  cpyjyxkzbm: "成品油经营许可证编码",
  tyshxydm: "统一社会信用代码",
};
watch(
  id,
  (newValue) => {
    if (newValue) {
      getJyz(newValue).then((res) => {
        info1.value = res.data;
      });
    }
  },
  { immediate: true }
);
onMounted(() => {});
</script>
<style lang=""></style>
